@content = {

<div id="login-container" class="span7">
	
	
	<div id="login-header">
		
		<h3>Welcome to [YOU]</h3>
		
	</div> <!-- /login-header -->
	
	<div id="login-content" class="clearfix">
		<div class="row">
			<form action="@routes.Application.signin()" method="post">
				<div id="login-explain" class="span4">
					<h3>[YOU] improves your focus</h3>
					<span>Everyday, you do a huge effort to connect things. [YOU] can help you focus on important things.</span>
					
					<hr>
					<div class="explanation-block clearfix">
						<div class="span1 explanation">
							<img alt="" src="@routes.Assets.at("/img/link_sources.jpg")">
						</div>
						<div class="span3 explanation">
							<h4><i class="icon-link"></i> Connect everything</h4>
							<span>Link your main source of information</span>
						</div>
					</div>
					<hr>
					<div class="explanation-block clearfix">
						<div class="span1 explanation">
							<i class="icon-search"></i>
						</div>
						<div class="span3 explanation">
							<h4><i class="icon-search"></i> Search related things</h4>
							<span>A single access point to search and combine information related to you...</span>
						</div>
					</div>
					<hr>
					<div class="explanation-block clearfix">
						<div class="span1 explanation">
							<img alt="" src="@routes.Assets.at("/img/focus.jpg")">
						</div>
						<div class="span3 explanation">
							<h4><i class="icon-search"></i> Focus on important things</h4>
							<span>[YOU] helps you to focus on important things by connectiong them in a useful way.</span>
						</div>
					</div>
				</div>
				
				<div class="span2">
				<h3>Sign In</h3>
				<fieldset>
					<div class="control-group">
						<label class="control-label" for="username">Username</label>
						<div class="controls">
							<input type="text" class="" name="username" id="username">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="password">Password</label>
						<div class="controls">
							<input type="password" class="" name="password" id="password">
						</div>
					</div>
				</fieldset>
				
				<div id="remember-me" class="pull-left">
					<input type="checkbox" name="remember" id="remember" />
					<label id="remember-label" for="remember">Remember Me</label>
				</div>
				
				<div class="pull-right">
					<button type="submit" class="btn btn-warning btn-large">
						Login
					</button>
				</div>
				</div>
			</form>
			</div>	
		</div> <!-- /login-content -->
		
		
		<div id="login-extra">
			
			<p>Don't have an account? <a href="javascript:;">Sign Up.</a></p>
			
			<p>Remind Password? <a href="forgot_password.html">Retrieve.</a></p>
			<p><a href="@routes.Application.redirectToFacebook()">Login with Facebook</a></p>
			
		</div> <!-- /login-extra -->
	
</div> <!-- /login-wrapper -->
}


@footer = {}

@main("[YOU]")(content)(footer)